<template>
    <div>
        <h1>{{ msg }}</h1>
        <!-- <router-link to="/test">test</router-link>
        <router-link to="/login">login</router-link>
        <router-link to="/register">register</router-link> -->
        <div class="item-box">
            <main v-for="item in $store.state.list" :key="$store.state.list.id" >
                <router-link class="items" :to="`/detail/${item.id}`">
                    <img class="imgs" :src=item.src alt=item.title>
                    <div class="txt">{{item.title}}</div>
                    <!-- <button @click="bind(item.id)">查看详情</button> -->
                </router-link>
            </main>
            <div class="nomore">没有更多了</div>
        </div>
    </div>
</template>
<script src="./index.js" />
<style src='./index.css'>